let l=11;
let content = '`<tr class="mwidth"><td><input type="checkbox" id="" value="" class="box-checkbox"></td>'+
    '<td>${data[i].序号}</td><td>${data[i].取消原因}</td><td>${data[i].备注信息}</td><td>${data[i].排序}</td>'+
    '<td>${data[i].状态?"开启":"关闭"}</td><td><a onclick="onlyremove(this)">删除</a>'+
    '<a onclick="changes(this)">编辑</a></td></tr>`'
let pagecontent = "`<li>${i+1}</li>`"

window.onload=function(){
    $('.add').on('click',function(){
        $('.madd').modal('toggle')
        $($('.mout-content>p').find('input')[0]).val('')
        $($('.mout-content>p').find('input')[1]).val('')
        $($('.mout-content>p').find('textarea')[0]).val('')
        $($('.mout-content>p').find('input')[2]).val('')
    })
    allcheck()
    init(qdata,'.pagenum',".mtable",10,pagecontent,content,1)
    $('#page_num').on('change',function(){
        init(qdata,'.pagenum',".mtable",$(this).find("option:selected").val(),pagecontent,content,1)
    })
    remove(qdata,'.pagenum',".mtable",parseInt($('#page_num').find("option:selected").val()),pagecontent,content,1)
    $('.adds').on('click',function(){
        qdata.push({
            "序号":l,
            "取消原因":$($('.mout-content>p').find('input')[0]).val(),
            "排序":$($('.mout-content>p').find('input')[1]).val(),
            "备注信息":$($('.mout-content>p').find('textarea')[0]).val(),
            "状态":($($('.mout-content>p').find('input')[2]).val()=='开启')?true:false
        })
        l++
        $($('.mout-content>p').find('input')[0]).val('')
        $($('.mout-content>p').find('input')[1]).val('')
        $($('.mout-content>p').find('textarea')[0]).val('')
        $($('.mout-content>p').find('input')[2]).val('')
        init(qdata,'.pagenum',".mtable",parseInt($('#page_num').find("option:selected").val()),pagecontent,content,1)
    })
    
    init(qdata,'.pagenum',".mtable",parseInt($('#page_num').find("option:selected").val()),pagecontent,content,1)
}

function init(data,pagelocation,contentloaction,pagesnum,pagecontent,content,nowpage){
    page(data,contentloaction,pagesnum,content,nowpage)
    pagenum(data,pagelocation,pagesnum,pagecontent)
    ingo(data,pagelocation,contentloaction,pagesnum,pagecontent,content)
    back(data,pagelocation,contentloaction,pagesnum,pagecontent,content)
    next(data,pagelocation,contentloaction,pagesnum,pagecontent,content)
}
function remove(datas,pagelocation,contentloaction,pagesnum,pagecontent,content,nowpage){
    let dels=[]
    $('.del').on('click',function(){
        for(let i=0;i<$('tbody>tr>td').find('input').length;i++){
            if($($('tbody>tr>td').find('input')[i]).prop('checked')){
                dels.push($($($('tbody>tr>td').find('input')[i]).parent().parent().find('td')[1]).text())
            }
        }
        for(let j=0;j<dels.length;j++){
            for(let i=0;i<datas.length;i++){
                if(datas[i].序号==dels[j]){
                    datas.splice(i,1)
                }
            }
        }
        for(let i=0;i<$('.allcheck').length;i++){
            $($('.allcheck')[i]).prop('checked', false)
        }
        init(datas,pagelocation,contentloaction,pagesnum,pagecontent,content,nowpage)
    })
}
function changes(e){
    let item;
    for(let i=0;i<qdata.length;i++){
        if(qdata[i].序号==$($(e).parent().parent()).find('td')[1].innerHTML){
            item=qdata[i]
        }
    }
    $('.madd').modal('toggle')
    $($('.mout-content>p').find('input')[0]).val(item.取消原因)
    $($('.mout-content>p').find('input')[1]).val(item.排序)
    $($('.mout-content>p').find('textarea')[0]).val(item.备注信息)
    $($('.mout-content>p').find('input')[2]).val(item.状态)
    $('.adds').off('click')
    $('.adds').on('click',function(){
        for(let i=0;i<qdata.length;i++){
            if(qdata[i].序号==item.序号){
                qdata[i]={
                    "序号":qdata[i].序号,
                    "取消原因":$($('.mout-content>p').find('input')[0]).val(),
                    "排序":$($('.mout-content>p').find('input')[1]).val(),
                    "备注信息":$($('.mout-content>p').find('textarea')[0]).val(),
                    "状态":($($('.mout-content>p').find('input')[2]).val()=='开启')?true:false
                }
            }
        }
        $($('.mout-content>p').find('input')[0]).val('')
        $($('.mout-content>p').find('input')[1]).val('')
        $($('.mout-content>p').find('textarea')[0]).val('')
        $($('.mout-content>p').find('input')[2]).val('')
        init(qdata,'.pagenum',".mtable",parseInt($('#page_num').find("option:selected").val()),pagecontent,content,1)
        $('.adds').off('click')
    })
}
function onlyremove(e) {
    for(let i=0;i<qdata.length;i++){
        if(qdata[i].序号==$($(e).parent().parent()).find('td')[1].innerHTML){
            qdata.splice(i,1)
        }
    }
    init(qdata,'.pagenum',".mtable",parseInt($('#page_num').find("option:selected").val()),pagecontent,content,1)
}